<ui:fragment  
    xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:ui="http://java.sun.com/jsf/facelets"  
    xmlns:p="http://primefaces.org/ui">
    <h:form>
        <h3>Registros de integração</h3>

        <p:toolbar style="font-size: 11px;">
            <p:toolbarGroup align="right" style="font-size: 11px;">
                <p:commandButton type="button" title="Atualizar" icon="ui-icon-refresh"/>
                <p:commandButton type="button" title="Imprimir" icon="ui-icon-print"/>
            </p:toolbarGroup>
        </p:toolbar>
        
        <p:dialog id="dlgHistorico" modal="true" resizable="false" header="Histórico" widgetVar="dlgHistorico" dynamic="true" showEffect="fade" hideEffect="fade">
            <ui:include src="integracaoHistorico.xhtml"/>
        </p:dialog>
        
        <p:dialog id="dlgDados" modal="true" resizable="false" header="Dados" widgetVar="dlgDados" dynamic="true" showEffect="fade" hideEffect="fade">
            <h:outputText value="Dados de integração." />
        </p:dialog>

        <p:dataTable var="integracao" paginator="true" rows="10" selectionMode="single" 
                     value="#{integracaoController.listIntegracao}" rowKey="#{integracao.sequenciaIntegracao}" >

            <p:column id="historico" style="width: 20px;">
                <p:commandButton style="width: 20px; height: 20px;" id="btnHistorico" action="#{integracaoController.exibirHistorico}" title="Histórico" icon="ui-icon-clock" oncomplete="dlgHistorico.show();">
                    <f:setPropertyActionListener value="#{integracao}" target="#{integracaoController.selectedIntegracao}"/>
                </p:commandButton>
            </p:column>
            
            <p:column id="dados" style="width: 20px;">
                <p:commandButton style="width: 20px; height: 20px;" id="btnDados" type="button" title="Dados" icon="ui-icon-script" onclick="dlgDados.show();"/>
            </p:column>
            
            <p:column headerText="Sequência" sortBy="#{integracao.sequenciaIntegracao}" filterBy="#{integracao.sequenciaIntegracao}" id="sequenciaIntegracao">
                #{integracao.sequenciaIntegracao}
            </p:column>

            <p:column headerText="Tipo" sortBy="#{integracao.tipoIntegracao.tipoIntegracao}" filterBy="#{integracao.tipoIntegracao.tipoIntegracao}" id="tipoIntegracao">  
                #{integracao.tipoIntegracao.tipoIntegracao}  
            </p:column>
            
            <p:column headerText="Descrição Tipo" sortBy="#{integracao.tipoIntegracao.descricaoTipoIntegracao}" filterBy="#{integracao.tipoIntegracao.descricaoTipoIntegracao}" id="descricaoTipoIntegracao">
                #{integracao.tipoIntegracao.descricaoTipoIntegracao}
            </p:column>
            
            <p:column headerText="Descrição Estado" sortBy="#{integracao.estadoIntegracao.descricaoEstadoIntegracao}" filterBy="#{integracao.estadoIntegracao.descricaoEstadoIntegracao}" id="descricaoEstadoIntegracao">
                #{integracao.estadoIntegracao.descricaoEstadoIntegracao}
            </p:column>
            
            <p:column headerText="Data Log" sortBy="#{integracao.dataLog}" filterBy="#{integracao.dataLog}" id="dataLog">  
                #{integracao.dataLog}  
            </p:column>
            
            <p:column headerText="Data Process." sortBy="#{integracao.dataProcessamento}" filterBy="#{integracao.dataProcessamento}" id="dataProcessamento">  
                #{integracao.dataProcessamento}  
            </p:column>
            
            <p:column headerText="Sequência Rel." sortBy="#{integracao.sequenciaRelacionada}" filterBy="#{integracao.sequenciaRelacionada}" id="sequenciaRelacionada">  
                #{integracao.sequenciaRelacionada}
            </p:column>

        </p:dataTable>
    </h:form>
</ui:fragment>